<%-- 
    Document   : check
    Created on : 16-feb-2014, 19:56:16
    Author     : Daniel
--%>

<%@page import="java.text.*" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html style="background: none repeat scroll 0 0 rgba(24, 74, 235, 0.3)"  onLoad="window.opener.close();">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<link rel=StyleSheet href="styles.css" type="text/css" media="all"/>    
        <title>Ingreso de Socio</title>
        
<script type="text/javascript">
    function cambiar() {
        element = document.getElementById("content");
        element1 = document.getElementById("content1");        
        check = document.getElementById("check");  
        cam = document.getElementById("tipodato");          
        if (check.checked) {
            element.style.display='block';
            element1.style.display='none';         
            cam.value="nro";             
        }else {
            element.style.display='none';            
            element1.style.display='block';       
            cam.value="dni";           
        }
    }
     
function validarForm(form){
         e = document.getElementById("content");    
        if (e.style.display == 'none'){
                    if ((form.dni.value=="")||form.dni.value.lenght==0){
                            alert ("Debe ingresar el Número de Documento del Socio");
                            form.dni.focus();
                            return false;
                    }
                   if (isNaN(form.dni.value)){
                        alert ("Debe ingresar un Número de Documento válido. Debe contener solo caracteres numéricos");                    
                        form.dni.focus();
                        return false;
                    }
                    
                    if((form.dni.value.length<7)||(form.dni.value.length>9)){                   
                        alert ("Debe ingresar un Número Documento válido cuyo tamaño debe ser de 7 / 8 cifras.");                    
                        form.dni.focus();
                        return false;                    
                    }
             
           }else{       
                if ((form.nro.value=="")||form.nro.value.lenght==0){
                        alert ("Debe ingresar el Nro de Socio");
                        form.nro.focus();
                        return false;
		}
                if (isNaN(form.nro.value)){
		    alert ("Debe ingresar un Número de Socio válido. Debe contener solo caracteres numéricos");                    
                    form.nro.focus();
                    return false;
                   }
     }
    form.submit();  
    window.opener.close();
    this.close();
}   

</script> 

    </head>
    <body >   
        <form method="post" name="buscarsocio" id="buscarsocio" action ="ServletConsultas" target="_blank" onsubmit="validar(this); return false; ">


        <div style="display: inline-block">  
        <div id="content1"  name="content1" style="display: block; alignment-adjust:central ">
            <label style="display: inline-box;" for="dni">Documento: </label>
            <input style="display: inline-box;"  name="dni" type="text" id="dni" size="37"/><br>
            Para buscar por Nro de Socio pulse el checkbox.            
        </div>
        <div id="content"  name="ontent" style="display: none; alignment-adjust: central">
            <label style="display: inline-box;" for="Nro" >Nro. Socio: </label>
            <input style="display: inline-box;"  name="nro" type="text" id="nro" size="37"/><br>
            Para buscar por Nro de Documento pulse el checkbox.             
        </div>   
        </div>         
        <input type="checkbox" style="display: inline-block; " name="check" id="check" value="1" onchange="javascript:cambiar();" /> <br>


        <input type="submit" class="button" name="enviar" id="enviar" align="center" value="enviar"  > <br>       
             <input style="visibility: hidden" type="text" value="dni" name="tipodato" id="tipodato" size="37"/>  

    </form>
    </body>
</html>
